<template>
	<view class="success-page">
		<view class="img">
			<image src="/static/success.png" mode=""></image>
		</view>
		<view class="name">提交成功</view>
		<view class="tip">工作人员正在为您审核，请耐心等待</view>

		<view class="btn">
			<button class="cu-btn" @click="handBack">我知道了</button>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const handBack = () => {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style lang="scss" scoped>
	.success-page {
		display: flex;
		flex-direction: column;
		align-items: center;

		.img {
			padding-top: 240rpx;

			image {
				width: 160.79rpx;
				height: 173.5rpx;
			}
		}

		.name {
			margin-top: 38rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}

		.tip {
			margin-top: 36rpx;
			font-size: 26rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}

		.btn {
			margin-top: 126rpx;

			.cu-btn {
				width: 544rpx;
				height: 90rpx;
				background: #FFC434;
				border-radius: 16rpx;
				font-size: 30rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #333333;
			}
		}
	}
</style>